.single-upload {
  :global {
    .upload-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 80px;
      height: 80px;
      text-align: center;
      background-color: #fafafa;
      border: 1px dashed #d9d9d9;
      border-radius: 2px;
      cursor: pointer;
      transition: border-color 0.3s;

      &:hover {
        border-color: var(--ant-primary-color);
      }
    }

    .ant-upload-disabled {
      .upload-box:hover {
        border-color: #d9d9d9;
        cursor: not-allowed;
      }
    }

    .image-box {
      padding: 4px;

      .ant-image {
        width: 100%;
        height: 100%;
        img {
          height: 100%;
          object-fit: contain;
        }
      }
    }
  }
}
